.main-template {
  .main-template-breadcrumb {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    padding-left: var(--padding-size);
    padding-right: var(--padding-size);
    margin: calc(var(--padding-size) * -2) calc(var(--padding-size) * -1) 0;
    height: calc(var(--padding-size) * 2);
    line-height: calc(var(--padding-size) * 2);

    background-color: #f2f2f2;
    z-index: 998;
  }
}

.page-sider-layout {
  flex-wrap: nowrap;
  min-height: 100%;
}
.page-sider-layout > * {
  /* -webkit-transition: width 0.3s;
  transition: width 0.3s; */
}
.page-sider-layout > .semi-col-0 {
  display: block;
  overflow-x: hidden;
}
.page-sider-layout > .sider {
  position: sticky;
  top: calc(var(--padding-size) * 2);
  height: 40%;
}
